<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>



<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>vTicker</title>
<meta name="description" content=" ">
<meta name="keywords" content=" ">

<style type="text/css" media="all">
body,html
{
	padding: 0;
	margin: 0;
}

body
{
	background: #cccccc;
	overflow:hidden;
}
#news-container
{
	width: 400px; 
	margin: auto;
	/*margin-top: 30px;*/
	border: 5px solid #333333;
	/*height: auto;*/
}

#news-container ul li div
{
	border: 1px solid #aaaaaa;
	border-radius: 2 ; 
	background: #999;
	/*height:auto;*/
}
</style>

<script type="text/javascript" src="<?php echo base_url()?>assets/javascript/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>assets/javascript/jquery.vticker-min.js"></script>


<script type="text/javascript">
$(function(){
	$('#news-container').vTicker({ 
		speed: 500,
		pause: 3000,
		animation: 'fade',
		mousePause: false,
		showItems: 3
	});
        $('#news-container1').vTicker({
		speed: 700,
		pause: 4000,
		animation: 'fade',
		mousePause: false,
		showItems: 1
	});
});
</script>

<div style="overflow: hidden; position: relative;" id="news-container">
	<ul style="position: absolute; margin: 0pt; padding: 0pt; top: 0px;">
<?php 
                for($i =0; $i<count($get_article);$i++){
					
					echo "<li style='margin: 0pt; padding: 0pt; height:auto; display: list-item;'>
			<div>";
			
					echo $get_article[$i]->name; echo "</br>";
                	echo $get_article[$i]->body ;
				echo "</div></li></br></br>";
				echo "<div style='height:20px; width:100%; float: left'></div>";
				 }
				 
				?>


		 
		 
		   
<!--		<li style="margin: 0pt; padding: 0pt; height: 68px; display: list-item;">
			<div>
				4) jugbit.com jquery vticker more info more info more info more info more info
			</div>
		</li>
	<li style="margin: 0pt; padding: 0pt; height: 68px; display: list-item;">
			<div>
				1) Lorem ipsum dolor sit amet, porta at, imperdiet id neque. more info
			</div>
		</li><li style="margin: 0pt; padding: 0pt; height: 68px; display: list-item;">
			<div>

				2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. more info
			</div>
		</li><li style="margin: 0pt; padding: 0pt; height: 68px;">
			<div>
				3) Lorem ipsum dolor sit amet more info more info more info more info
			</div>
		</li>
        
        
        </li><li style="margin: 0pt; padding: 0pt; height: 68px;">
			<div>
				3) Lorem ipsum dolor sit amet more info more info more info more info
			</div>
		</li>
        </li><li style="margin: 0pt; padding: 0pt; height: 68px;">
			<div>
				3) Lorem ipsum dolor sit amet more info more info more info more info
			</div>
		</li>
        </li><li style="margin: 0pt; padding: 0pt; height: 68px;">
			<div>
				3) Lorem ipsum dolor sit amet more info more info more info more info
			</div>
		</li>
        -->
        
        
        </ul>
</div>

</body></html>